<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!-- CSS 文件 ，不要删，不够自己添加 -->
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-table.min.css">
<link rel="stylesheet" href="../assets/css/azzara.min.css">
<link rel="stylesheet" href="../assets/css/demo.css">
<body>

<!--这里选择的是80%的容器，如果需要100%的话，自己修改一下-->
<div class="container div1">
    <!--内容在这里面添加就好了-->
    <div>
        当前等待派工的生产计划总数：<span style="font-weight: bold;" id="factureTag0"></span> 例<br>
        当前等待派工的生产计划明细总数：<span style="font-weight: bold;" id="factureTag1"></span> 例
        <button onclick="generateManufacture()" style="float: right;" class="btn btn-primary">生成派工单</button>
    </div>
    <table id="mManufactureTable"></table>

</div>

<div class="container div2" style="display: none;text-align: right;">
    <button class="btn btn-primary btn1" onclick="saveFacture()" style="display: none;">提交派工单</button>
    <button class="btn btn-warning btn1" onclick="cancelFacture()" style="display: none;"> 取 消 </button>
    <button class="btn btn-secondary btn2" onclick="factureWatch()"> 预 览 </button>
    <button class="btn btn-secondary" onclick="returnList()">返回列表</button>
</div>
<div class="container div2" style="display: none;border: 1px solid black">
    <h1 style="text-align: center;">生产派工单</h1>
    <form id="mManufactureForm">
        <div style="width: 48%;display: inline-block">
            <div class="form-group form-inline">
                <label class="col-md-3 col-form-label">工单制定人</label>
                <div class="col-md-9 p-0">
                    <input type="text" class="form-control input-full" name="designer" readonly>
                </div>
            </div>

            <div class="form-group form-inline">
                <label class="col-md-3 col-form-label">产品编号</label>
                <div class="col-md-9 p-0">
                    <input name="productId" type="text" class="form-control input-full" readonly>
                </div>
            </div>

            <div class="form-group form-inline">
                <label class="col-md-3 col-form-label">生产计划序号组</label>
                <div class="col-md-9 p-0">
                    <input name="applyIdGroup" type="text" class="form-control input-full" readonly>
                </div>
            </div>

        </div>
        <div style="width: 48%;display: inline-block">

            <div class="form-group form-inline">
                <label class="col-md-3 col-form-label">登记人</label>
                <div class="col-md-9 p-0">
                    <input name="register" type="text" class="form-control input-full" readonly>
                </div>
            </div>

            <div class="form-group form-inline">
                <label class="col-md-3 col-form-label">产品名称</label>
                <div class="col-md-9 p-0">
                    <input name="productName" type="text" class="form-control input-full" readonly>
                </div>
            </div>

            <div class="form-group form-inline">
                <label class="col-md-3 col-form-label">数量</label>
                <div class="col-md-9 p-0">
                    <input name="amount" type="text" class="form-control input-full" readonly>
                </div>
            </div>

        </div>
        <div class="form-group">
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text"> 描 述 </span>
                </div>
                <textarea name='productDescribe' class="form-control" aria-label="With textarea" readonly style="margin-top: 0px; margin-bottom: 0px; height: 40px;"></textarea>
            </div>
        </div>
        <table class="table table-bordered table1" style="display: none;">
            <tr>
                <th>序号</th>
                <th>工序名称</th>
                <th>工序编号</th>
                <th>描述</th>
                <th>工时数(小时)</th>
                <th>单位工时成本(元)</th>
                <th>工时成本小计(元)</th>
                <th>查看物料</th>
            </tr>
            <tbody id="tbodyForTr">

            </tbody>
        </table>
        <div class="form-group">
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text"> 备 注 </span>
                </div>
                <textarea name="remark" class="form-control" aria-label="With textarea" style="margin-top: 0px; margin-bottom: 0px; height: 90px;"></textarea>
            </div>
        </div>
    </form>
</div>

<!-- 模态框 -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <!-- 模态框头部 -->
            <div class="modal-header">
                <h4 class="modal-title">查看物料</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- 模态框主体 -->
            <div class="modal-body">
                <table class="table table-bordered">
                    <tr>
                        <th>序号</th>
                        <th>物料名称</th>
                        <th>物料编号</th>
                        <th>描述</th>
                        <th>本工序数量</th>
                        <th>单位</th>
                        <th>单价(元)</th>
                        <th>小计(元)</th>
                    </tr>
                    <tbody id="moduleWatch">

                    </tbody>
                </table>
            </div>

            <!-- 模态框底部 -->
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>

        </div>
    </div>
</div>


<!--js用到的包，不够在自己添加-->
<script src="../js/jquery.3.2.1.min.js"></script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-table.min.js"></script>
<script src="../js/bootstrap-table-zh-CN.min.js"></script>
<script src="../js/common.js"></script>
<script src="js/zdscpgd.js"></script>
</body>
</html>